﻿<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <title></title>
    <link href="../../resources/lib/ligerUI/skins/Aqua/css/ligerui-all.css" rel="stylesheet" type="text/css" />

    <script src="../../resources/lib/jquery/jquery-1.8.2.min.js" type="text/javascript"></script>
    <script src="../../resources/lib/ligerUI/js/ligerui.all.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function(){
            var CustomersData =
            {Rows: [
                { text: '读卡器05', id: '5' },
                { text: '读卡器06', id: '6' },
                { text: '读卡器07', id: '7' },
                { text: '读卡器08', id: '8' },
                { text: '读卡器09', id: '9' },
                { text: '读卡器10', id: '10' },
                { text: '读卡器11', id: '11' },
                { text: '读卡器12', id: '12' },
                { text: '读卡器13', id: '13' },
                { text: '读卡器14', id: '14' },
                { text: '读卡器15', id: '15' },
                { text: '读卡器16', id: '16' }
            ], Total: 12};
            $("#maingrid").ligerGrid({
                columns: [
                    { display: '名称', name: 'text', align: 'left'},
                    { display: '序号', name: 'id', width: 80 }
                ], data:CustomersData, sortName: 'CustomerID', width: 180, height:400, usePager:false
            });
        });
    </script>
    <style type="text/css">
        .l-table-edit {}
        .l-table-edit-td{ padding:4px;}
        .l-button-submit,.l-button-reset{width:80px; float:left; margin-left:10px; padding-bottom:2px;}
        fieldset {
            border: solid #CCCCCC 1px;
            padding: 10px;
        }
        fieldset legend {
            padding: 0 2px;
        }
    </style>
</head>
<body  style="padding:10px">

<div id="maingrid" style="float: left;"></div>
<div style="float: left; margin-left: 5px; width: 600px;">
        <fieldset style="float: left;">
            <legend>基本设置</legend>

            <table cellpadding="0" cellspacing="0" class="l-table-edit" >
                <tr>
                    <td align="right" class="l-table-edit-td">名称:</td>
                    <td align="left" class="l-table-edit-td">
                        <input type="text" value="Reader 01" />
                    </td>
                </tr>
                <tr>
                    <td align="right" class="l-table-edit-td">禁用等级:</td>
                    <td align="left" class="l-table-edit-td">
                        <input type="text" value="99" />
                    </td>
                </tr>
            </table>
        </fieldset>
        <fieldset style="float: left; margin-left: 10px;">
            <legend>防返传</legend>
            <table cellpadding="0" cellspacing="0" class="l-table-edit" >
                <tr>
                    <td align="right" class="l-table-edit-td">门内区域:</td>
                    <td align="left" class="l-table-edit-td">
                        <select>
                            <option selected="selected">区域1</option>
                            <option>区域2</option>
                            <option>区域3</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td align="right" class="l-table-edit-td">门外区域:</td>
                    <td align="left" class="l-table-edit-td">
                        <select>
                            <option>区域1</option>
                            <option selected="selected">区域2</option>
                            <option>区域3</option>
                        </select>
                    </td>
                </tr>
            </table>
        </fieldset>
    <fieldset style="float: left;">
        <legend>时间规则</legend>
        <table cellpadding="0" cellspacing="0" class="l-table-edit" >
            <tr>
                <td align="right" class="l-table-edit-td">该时间范围内允许“密码方式”通过:</td>
                <td align="left" class="l-table-edit-td">
                    <select>
                        <option>永远有效</option>
                        <option>永远无效</option>
                        <option>时间组1</option>
                        <option>时间组2</option>
                        <option>时间组3</option>
                    </select>
                </td>
            </tr>
        </table>
    </fieldset>
        <br style="clear: both;" />
        <br />
        <input type="submit" value="提交" class="l-button l-button-submit" />
        <input type="reset" value="重置" class="l-button l-button-reset"/>
        <br class="l-clear" />
    </div>

</div>
<br style="clear: both;" />
</body>
</html>
